setPage1();
function setPage1(){
    let str ='';

    str+=`
    <div class="banner-top" id="banner-top2">
      <h1 class="man">
        <img src="../images/可可.jpg" alt="" />
      </h1>
      <div class="search-box">
        <input type="search" placeholder="请输入搜索内容..." />
        <button class="man12">搜索</button>
        <ul></ul>
      </div>
      <div class="btn11">
        <a href="./register.html" class="btn1 btn-danger btn-lg" role="button"
          >注册</a
        >
        <a href="./login.html" class="btn1 btn-danger btn-lg" role="button"
          >登录</a
        >
        <button name="logout" class="btn1 btn-danger btn-lg" role="button">
          退出登录
        </button>
        <button name="cart" class="btn1 btn-danger btn-lg" role="button">
          购物车
        </button>
      </div>
    </div>
  </div>
  <div class="main1 w">
    <div class="box-left">
      <div class="box2">
        <div class="dd">
          <ul>
            <li><a href="./list.html?cat_one_id=食品酒水">食品酒水</a></li>
            <li><a href="./list.html?cat_one_id=童装玩具">童装玩具</a></li>
            <li><a href="./list.html?cat_one_id=奶粉尿裤">奶粉尿裤</a></li>
            <li><a href="./list.html?cat_one_id=手机相机">手机相机</a></li>
            <li><a href="./list.html?cat_one_id=内衣配饰">内衣配饰</a></li>
            <li><a href="./list.html?cat_one_id=大家电">大家电</a></li>
            <li><a href="./list.html?cat_one_id=海外购">海外购</a></li>
            <li><a href="./list.html?cat_one_id=珠宝首饰">珠宝首饰</a></li>
            <li><a href="./list.html?cat_one_id=智能设备">智能设备</a></li>
            <li><a href="./list.html?cat_one_id=钟表眼镜">钟表眼镜</a></li>
            <li><a href="./list.html?cat_one_id=皮具箱包">皮具箱包</a></li>
            <li><a href="./list.html?cat_one_id=邮币乐器">邮币乐器</a></li>
            <li><a href="./list.html?cat_one_id=电脑办公">电脑办公</a></li>
            <li><a href="./list.html?cat_one_id=厨卫电器">厨卫电器</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="banner1">
      <div class="banner w"></div>
    </div>
  <div class="srarchTop"><div class="banner-top" id="banner-top2">
  <h1 class="man">
    <img src="../images/可可.jpg" alt="" />
  </h1>
  <div class="search-box">
    <input type="search" placeholder="请输入搜索内容..." />
    <button class="man12">搜索</button>
    <ul></ul>
  </div>
  <div class="btn11">
    <a href="./register.html" class="btn1 btn-danger btn-lg" role="button"
      >注册</a
    >
    <a href="./login.html" class="btn1 btn-danger btn-lg" role="button"
      >登录</a
    >
    <button name="logout" class="btn1 btn-danger btn-lg" role="button">
      退出登录
    </button>
    <button name="cart" class="btn1 btn-danger btn-lg" role="button">
      购物车
    </button>
  </div>
</div>
</div></div>

    `

  $(".jumbotron").html(str);
}
// 点击购物车 如果 cookie 中 有 login 存储 1 

// 证明 已经登录 可以 跳转登录页面
// 点击购物车 如果 cookie 中 没有 login 
// 证明 没有登录 弹出 跳转 登录页面信息
$('[name="cart"]').click(function () {
    // 通过函数 获取 cookie 键值对 对象
    const cookieObj = myGetCookie();
    console.log(cookieObj);

    // 根据 cookie键值对 对象 中 存储的 login的数据 
    if (cookieObj.login === '1') {
        // 已经登录
        window.alert('您已经登录,点击确定跳转购物车页面');
        window.location.href = './cart.html';

    } else {
        // 没有登录
        if (window.confirm('您还没有登录,点击确定,跳转登录页面')) {
            window.location.href = './login.html';
        }
    }

})


// 点击退出登录 设定 cookie 时效 是 负数
$('[name="logout"]').click(function () {
    // 获取 cookie 键值对 对象 
    const cookieObj = myGetCookie();
    console.log(cookieObj);
    console.log(cookieObj.login);

    // 判断 cookie对象中 有没有 login 属性

    // 如果 使用 login键名 从 对象中 调用数据 结果是 undefined
    // 证明 对象中没有这个 键名
    if (cookieObj.login === undefined) {
        // 没有登录 弹出 没有登录的提示信息
        if (window.confirm('您还没有登录,点击确定,跳转登录页面')) {
            window.location.href = './login.html';
        }

    } else {
        // 已经登录 重新设定登录cookie时效是负数 弹出提示信息
        mySetCookie('login', 1, '/', -1);

        window.alert('您已经退出登录');
    }

})
const urlValObj = myGetUrlValObj();
let cat_one_id = urlValObj.cat_one_id;

let page = Math.floor(Math.random()*16+1);
let line = 4;

const oIpt = document.querySelector('[placeholder="请输入搜索内容..."]')
const oUl = document.querySelector('ul');
const res = myPromiseJQueryAjax(
    "../server/goods_list.php",
    "get",
    { cat_one_id:'其他',page, line },
    "json"
  );
  console.log(res);

  res.then(function(result1 ){
      console.log(result1 )
      var imgArr =[
          {id:1},
          {id:2},
          {id:3},
          {id:4}
      ]
      result1.data.forEach((item,key)=>{
        imgArr[key].name =item.goods_big_logo;
      })
      const oBanner = document.querySelector(".banner");
      const bannerObj = new SetBanner(oBanner, imgArr);
      bannerObj.init();
      $('.banner').click(function(event){
        result1.data.forEach((item)=>{
          if($(event.target).attr('src')===item.goods_big_logo){
              location.href=`http://127.0.0.1/wh_2202/man/pages/detail.html?goods_id=${item.goods_id}`
          }
        })
      })
    
      let time = 0;
     oIpt.addEventListener('input',()=>{
        time = setTimeout(()=>{
            setPage();
        },1000)
     });
     oIpt.addEventListener('focus',()=>{
         setPage();
     })
     oIpt.addEventListener('blur',function(){
         oUl.style.display = 'none';
         oIpt.style.border = 'none';
     })
     function setPage(){
         let keyword = oIpt.value;
         const time = new Date();
         const s = document.createElement('script');
         s.setAttribute('src', `https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=31253,36023,35915,36165,34584,36120,36192,36126,36257,26350,22159,36061&wd=${keyword}&req=2&csor=3&pwd=aa&cb=fun&_=${time.getTime()}`);
         // 标签对象写入body
         document.body.appendChild(s);
         // 删除script标签
         document.body.removeChild(s);
     }


    })
     function fun(result){
         console.log(result);
         let str = '';
         if (result.g === undefined) {
            oUl.style.display = 'none';
        } else {
            oUl.style.display = 'block';
            // 循环遍历每条信息
            result.g.forEach(item => {
                str += `<li>${item.q}</li>`
            });
            // // 将str 写入ul
            oUl.innerHTML = str;
        }
     }
 // 动态生成商品内容
let oDivMain=document.querySelectorAll('.main-all')
console.log(oDivMain);
oDivMain.forEach(item=>{
    let cat_one_id=item.getAttribute('name');
    console.log(cat_one_id);

    let page = 1;
    let line = 4;
    setPage(cat_one_id,page,line,item);
})



// 动态生成函数
async function setPage(cat_one_id,page,line,ele){

    
    const res = await myPromiseJQueryAjax('../server/goods_list.php' , 'get' , {cat_one_id, page, line,} , 'json');
    console.log(res);

    const obj=res;
    // $('.main-all').html('')
    
    const oUl=document.createElement('ul');
    const oH1=document.createElement('h1');

    let str=''

    res.data.forEach((item,key)=>{
        str += `
        <a href="./detail.html?goods_id=${item.goods_id}"><li class="main-1">
            <div class="main-2">
              <img
                src=${item.goods_small_logo}
              />
              <div class="P1"><p>${item.goods_name}</p></div>
              <span>￥ ${item.goods_price}</span>
            </div>
          </li></a>
        `;
        
    })
    oH1.innerHTML=`${cat_one_id}`
    $(oUl).attr('class','Man').html(str);
    $(ele).append(oH1)
    $(ele).append(oUl)
}

 // 吸顶搜索框;
 $(window).scroll(function () {
    if ($(window).scrollTop() > 200) {
      $(".srarchTop").stop().slideDown(1000,'linear');
 
    }else{
      $(".srarchTop").stop().slideUp(1000,'linear');
    }
  });

/*
  cookie的删除操作
    设定 cookie时效 是 负数 
    创建 cookie 的同时 cookie 时效就过期

    如果已经创建了cookie 
    需要重新设定 cookie 时效时 
    键名 键值 路径 必须 都和 原始cookie 完全相同
    三项中有一项不同 浏览器就会人为是 不同的cookie
 
*/

